<template>
    <el-container style="height: 100%;">
        <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
            <el-menu :default-openeds="['1', '2']" router>
                <el-submenu index="1">
                    <template slot="title"><i class="el-icon-h-set2"></i>基础信息</template>
                    <el-menu-item index="/miniProgram/setting" v-qx="quanxian.baseConfig">基础设置</el-menu-item>
                    <el-menu-item index="/miniProgram/article" v-qx="quanxian.artile">发布文章</el-menu-item>
                </el-submenu>
            </el-menu>
        </el-aside>
        <el-container>
            <el-main style="background-color: #fff">
                <transition name="fade" mode="out-in">
                    <router-view></router-view>
                </transition>
            </el-main>
        </el-container>
    </el-container>
</template>
<script>
export default {
  name: 'app',
  data () {
    return {
      quanxian: {
        baseConfig: 'miniProgram_baseConfig',
        artile: 'miniProgram_artile'
      }
    }
  },
  methods: {},
  computed: {}
}
</script>
<style>
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.1s;
}

.fade-enter,
.fade-leave-to
/* .fade-leave-active below version 2.1.8 */

 {
  opacity: 0;
}
</style>